<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止数字变成电话号吗-->
        <meta name="format-detection" content="telephone=no" />
	   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/xiao.css"/>
	    <style type="text/css">
			body{background-image: url(../images/index/tbg.png);background-repeat: no-repeat;}
			.mui-content{background-color: rgba(255,255,255,0);}
		</style>
	</head>
	<body>
		<div class="mui-content clearfix">
			<div class="z_login_img z_mb80">
				<img src="../images/index/tb-logo.png" alt="logo" />
			</div>
			<div class="z_login">
				<ul class="z_login_ul">
					<li>
						<div class="z_inputbox">
							<input type="text" placeholder="请输入手机号码"/>
						</div>
					</li>
					<li>
						<div class="z_inputbox">
							<input type="password" placeholder="请输入密码" class=""/>
						</div>
						
					</li>
				</ul>
			</div>
			
			<button type="button" class="mui-btn z_btn">登录</button>
			<p class="z_mt10 z_mb80 z_m825p">
				<a href="#" title="忘记密码" class="z_wanji_btn">
					忘记密码 
				</a>
			</p>
			<!--第三方登录-->
			<div class="z_Three_login clearfix">
				<div class="z_Three_login_h">
					<span>第三方登录</span>
				</div>
				<a href="#" title="QQ">
					<img src="../images/index/tb4.png" alt="QQ" />
				</a>
				<a href="#" title="wexin">
					<img src="../images/index/tb5.png" alt="wexin" />
				</a>
			</div>
			<!--游客身份登录-->
			<button type="button" class="mui-btn mui-btn-link z_youke">
					游客身份登录
			</button>
		</div>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			//发送验证码
			function dom(id){
				return document.getElementById(id);
			};
			var countdown=60; 
			var ss=dom("btn");
			function settime(obj) { 
			    if (countdown == 0) { 
			        obj.removeAttribute("disabled");    
			        obj.value="重新验证码"; 
			        countdown = 60; 
			        $(ss).removeClass("fasong_bg");
			        return;
			        
			    } else { 
			        obj.setAttribute("disabled", true); 
			        obj.value="重新发送(" + countdown + ")"; 
			        countdown--; 
			        $(ss).addClass("fasong_bg");
			    } 
			setTimeout(function() { 
			    settime(obj);
			    
			    }
			    ,1000) 
			}
			
	  </script>
	</body>
</html>
